@charset "utf-8";
/*
 * Select 选择器
 */
.fc-select-box {position: relative;}
.fc-select-box * {box-sizing: border-box;}
.fc-select-box input:not([type="hidden"]) {width:100%;border:1px solid #dcdfe6;border-radius: 4px;line-height: 36px;padding:0 30px 0 15px;outline: none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);cursor: pointer;box-sizing: border-box;color:#515a6e;}
.fc-select-box.is-focus input {border-color:#409eff;}
.fc-select-box:not(.is-focus):not([disabled]):hover input {border-color:#bbbec7;}
.fc-select-box .arrow {background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0Jz48cGF0aCBkPSdNNTMzLjMgNjIwbDE2My44LTE2My44YzEzLjctMTMuNyAxMy43LTM1LjkgMC00OS42LTEzLjctMTMuNy0zNS45LTEzLjctNDkuNiAwbC0xMzkgMTM5LTEzOS0xMzljLTEzLjctMTMuNy0zNS45LTEzLjctNDkuNiAwLTEzLjcgMTMuNy0xMy43IDM1LjkgMCA0OS42TDQ4My43IDYyMGMxMy43IDEzLjcgMzUuOSAxMy43IDQ5LjYgMHonIGZpbGw9JyM4MDg2OTUnPjwvcGF0aD48L3N2Zz4=") center;display: inline-block;width:14px;height:14px;position: absolute;top:50%;margin-top:-7px;right:10px;pointer-events:none;transition:transform .2s ease-in-out;}
.fc-select-box.is-focus .arrow {transform:rotate(-180deg);}
.fc-select-box i.close {background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzE4JyBoZWlnaHQ9JzE4Jz48cGF0aCBkPSdNNTEyIDEyOEMzMDAuOCAxMjggMTI4IDMwMC44IDEyOCA1MTJzMTcyLjggMzg0IDM4NCAzODQgMzg0LTE3Mi44IDM4NC0zODRTNzIzLjIgMTI4IDUxMiAxMjh6TTY3MiA2MjcuMmMxMi44IDEyLjggMTIuOCAzMiAwIDQ0LjhzLTMyIDEyLjgtNDQuOCAwTDUxMiA1NTYuOGwtMTE1LjIgMTE1LjJjLTEyLjggMTIuOC0zMiAxMi44LTQ0LjggMHMtMTIuOC0zMiAwLTQ0LjhMNDY3LjIgNTEyIDM1MiAzOTYuOEMzMzkuMiAzODQgMzM5LjIgMzY0LjggMzUyIDM1MnMzMi0xMi44IDQ0LjggMEw1MTIgNDY3LjJsMTE1LjItMTE1LjJjMTIuOC0xMi44IDMyLTEyLjggNDQuOCAwczEyLjggMzIgMCA0NC44TDU1Ni44IDUxMiA2NzIgNjI3LjJ6JyBmaWxsPScjY2RjZGNkJz48L3BhdGg+PC9zdmc+");display: inline-block;width:18px;height:18px;position: absolute;top:50%;margin-top:-9px;right:10px;cursor:pointer;}
.fc-select-box[small] input {line-height:30px;}
.fc-select-box[large] input {line-height:42px;}
.fc-select-box[disabled] {cursor:not-allowed;}
.fc-select-box[disabled] * {pointer-events: none;}
.fc-select-box[disabled] input {color:#c0c4cc;}
.fc-select-box[disabled]:before {content:"";display:block;position:absolute;width:100%;height:100%;background: rgba(0,0,0,.05);top:0;left:0;cursor:not-allowed;z-index: 2;}
.fc-select-tags {position: absolute;top:0;left:0;width:100%;
    line-height: normal;
    white-space: normal;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-right: 25px;
}
.fc-select-tags>span {
    background-color:#f4f4f5;
    display: inline-block;
    height: 24px;
    padding: 0 5px 0 10px;
    line-height: 22px;
    font-size: 12px;
    color: #909399;
    border: 1px solid #e9e9eb;
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap;
    margin:2px 0 2px 6px;
}
.fc-select-tags>span i {display: inline-block;background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzE2JyBoZWlnaHQ9JzE2Jz48cGF0aCBkPSdNNTA0LjIyNCA0NzAuMjg4bDIwNy44NC0yMDcuODRhMTYgMTYgMCAwIDEgMjIuNjA4IDBsMTEuMzI4IDExLjMyOGExNiAxNiAwIDAgMSAwIDIyLjYyNGwtMjA3Ljg0IDIwNy44MjQgMjA3Ljg0IDIwNy44NGExNiAxNiAwIDAgMSAwIDIyLjYwOGwtMTEuMzI4IDExLjMyOGExNiAxNiAwIDAgMS0yMi42MjQgMGwtMjA3LjgyNC0yMDcuODQtMjA3Ljg0IDIwNy44NGExNiAxNiAwIDAgMS0yMi42MDggMGwtMTEuMzI4LTExLjMyOGExNiAxNiAwIDAgMSAwLTIyLjYyNGwyMDcuODQtMjA3LjgyNC0yMDcuODQtMjA3Ljg0YTE2IDE2IDAgMCAxIDAtMjIuNjA4bDExLjMyOC0xMS4zMjhhMTYgMTYgMCAwIDEgMjIuNjI0IDBsMjA3LjgyNCAyMDcuODR6JyBmaWxsPScjNTE1YTZlJz48L3BhdGg+PC9zdmc+");width:16px;height: 16px;vertical-align: sub;margin-left: 3px;}

/*弹出下拉浮层*/
.fc-select-dropdown {position: absolute;z-index:500;background:#fff;border:1px solid #e4e7ed;border-radius:4px;box-shadow:0 2px 12px 0 rgb(0 0 0 / 10%);}
.fc-select-dropdown-scroll {padding:5px 0;}
.fc-select-dropdown ul {max-height:224px;overflow-y:auto;}
.fc-select-dropdown ul li {padding:0 15px;height:32px;line-height:32px;cursor: pointer;transition:all .2s ease;color:#515a6e;position: relative;}
.fc-select-dropdown ul li:not(.disabled):hover {background: #f5f7fa;}
.fc-select-dropdown[single] ul li.selected {background: #f5f7fa;color:#2d8cf0;}
.fc-select-dropdown[multiple] ul li.selected {color:#2d8cf0;}
.fc-select-dropdown[multiple] ul li.selected:after {content:"";background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTAyNCAxMDI0JyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzE2JyBoZWlnaHQ9JzE2Jz48cGF0aCBkPSdNODkyLjA2NCAyNjEuODg4YTMxLjkzNiAzMS45MzYgMCAwIDAtNDUuMjE2IDEuNDcyTDQyMS42NjQgNzE3LjI0OGwtMjIwLjQ0OC0xODUuMjE2YTMyIDMyIDAgMSAwLTQxLjE1MiA0OC45OTJsMjQzLjY0OCAyMDQuNzA0YTMxLjg3MiAzMS44NzIgMCAwIDAgMjAuNTc2IDcuNDg4IDMxLjgwOCAzMS44MDggMCAwIDAgMjMuMzYtMTAuMTEyTDg5My41MzYgMzA3LjEzNmEzMiAzMiAwIDAgMC0xLjQ3Mi00NS4yNDh6JyBmaWxsPScjMmQ4Y2YwJz48L3BhdGg+PC9zdmc+");position: absolute;right:10px;top:9px;display: inline-block;width:16px;height: 16px;}
.fc-select-dropdown ul li.disabled {color:#c0c4cc;cursor:not-allowed;}
.fc-select-dropdown ul::-webkit-scrollbar {
    width: 6px;
    height: 6px
}
.fc-select-dropdown ul::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
.fc-select-dropdown ul::-webkit-scrollbar-thumb {
    background-color: #9c9da0;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}
.fc-select-dropdown ul::-webkit-scrollbar-thumb:hover {
    background-color: #666;
}

/*in动画*/
.fc-select-dropdown[placement="top-start"].fc-select-dropdown-in {
    animation: fcSlideDownIn1 .3s cubic-bezier(.23,1,.32,1) both;    
}
.fc-select-dropdown[placement="bottom-start"].fc-select-dropdown-in {
    animation: fcSlideDownIn2 .3s cubic-bezier(.23,1,.32,1) both;    
}

/*out动画*/
.fc-select-dropdown[placement="top-start"].fc-select-dropdown-out {
    pointer-events:none;
    animation: fcSlideDownOut1 .3s cubic-bezier(.23,1,.32,1) both; 
}
.fc-select-dropdown[placement="bottom-start"].fc-select-dropdown-out {
    pointer-events:none;
    animation: fcSlideDownOut2 .3s cubic-bezier(.23,1,.32,1) both; 
}

@keyframes fcSlideDownIn1 {
    0% {
        transform: scaleY(.8) translateZ(0);
        transform-origin: 0% 0%;
        opacity: 0;
    }
    100% {
        transform: scaleY(1) translateZ(0);
        transform-origin: 0% 0%;
        opacity: 1;
    }
}
@keyframes fcSlideDownIn2 {
    0% {
        transform: scaleY(.8) translateZ(0);
        transform-origin: 0% 100%;
        opacity: 0;
    }
    100% {
        transform: scaleY(1) translateZ(0);
        transform-origin: 0% 100%;
        opacity: 1;
    }
}

@keyframes fcSlideDownOut1 {
    0% {
        transform: scaleY(1) translateZ(0);
        transform-origin: 0% 0%;
        opacity: 1;
    }
    100% {
        transform: scaleY(.8) translateZ(0);
        transform-origin: 0% 0%;
        opacity: 0;
    }
}
@keyframes fcSlideDownOut2 {
    0% {
        transform: scaleY(1) translateZ(0);
        transform-origin: 0% 100%;
        opacity: 1;
    }
    100% {
        transform: scaleY(.8) translateZ(0);
        transform-origin: 0% 100%;
        opacity: 0;
    }
}
